/*  
Theme Name: Spectrum Stack Gallery
Theme URI: http://themespectrum.com
Description: A Clean Blog and Portfolio WordPress Theme
Version: 2.0
Author: Theme Spectrum
Author URI: http://themespectrum.com
Tags: clean, art, color-options, custom-background, custom-menu, threaded-comments, flexible-width, cms

TABLE OF CONTENTS

01 - Style Reset
02 - Global 
03 - Layout
04 - Header
05 - Content
06 - Comments
07 - Pagination
08 - Buttons
09 - Sidebar
10 - Widgets
11 - Footer
12 - Custom and override

*/

@font-face {
	font-family: 'NevisBold';
	src: url('font/nevis/nevis-webfont.eot');
	src: local('?'), url('font/nevis/nevis-webfont.woff') format('woff'), url('font/nevis/nevis-webfont.ttf') format('truetype'), url('font/nevis/nevis-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ---------------------------
01 Style Reset
----------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {	
	clear: both;
}

ul {
	list-style: none;
}

ul, li {
	margin: 0;
	padding: 0;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

.searchresults .postThumbresults {
		width: 150px;
		float:left;
		padding: 5px;
		background:#fff;
		border:1px solid #E4E4E4;
		margin: 0 15px 5px 0;
	}

/* ---------------------------
02 Global
----------------------------*/

body {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	width:auto; height:auto;	
	padding: 0;
	margin: 0;
	color: #777;	
}


p {
	line-height:1.7em;
	margin: 0 0 20px 0;	
}

img {
	margin: 0;
}

a {
}

a:hover {
	color:#777;
}

a, a:hover {
	text-decoration: none;	
	outline: none;
}

a img {
	border:none;
}

h1, h2, h3, h4, h5{
	font-family: Tahoma, Geneva, sans-serif;
	color: #2c2c2c;	
	margin: 10px 0;	
	font-weight:normal;
	text-transform:uppercase;
}

h1 {
	font: 20px Tahoma, Geneva, sans-serif normal;
	line-height:28px;
	margin-top:5px;
}

blockquote, address {
	margin: 0 0 30px 0;
	padding: 0 30px 0 30px;	
	font-style: italic;
	font-size: 16px;
	line-height: 1.6em;
	color:#777;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.moreLink {
	font-weight: bold;
}

input[type="text"], textarea {
	background-color: #fefefe;
	border: 1px solid #ddd;
	padding: 5px;
}

/* Clearfix ----------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* ---------------------------
03 Layout
----------------------------*/


#container {	
	margin: 0 auto;
	width: 100%;		
	padding: 0;
	position:relative;
}

#main {
	margin: 0;	
	padding: 0;
}

#content {	
	padding: 0;		
	float: left;
}

#grid {
	padding-left:10px;
	padding-bottom:30px;
}

#content.full {		
	width: 900px;
}

#content.full h1 {
	clear:none;
	
}

#content.full .postThumb {
	margin-left: 20px;
}

#sidebar {
	float: left;
	margin: 0 0 0 40px;
	padding: 0;		
}

.oneThird {
	width: 300px;	
}

.posts {
	width:595px;
}

.post img.size-large, .post img.size-full {
		width: 100%;
		height:auto;
		max-width: 980px;
	}

.box {
	background:#FFF;
	padding: 10px;
	margin-bottom: 20px;
	width: 320px;
	float:left;
	position:relative;
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px rgba(0,0,0,0.2);
}

.box:hover {
	box-shadow:0px 0px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.1);
}

.box img {
	margin-bottom:5px;
}

a.lightbox {
	display:block;
	background:url(images/magnify.png) no-repeat center;
}

.post a.lightbox img:hover {
	opacity:0.6;filter:alpha(opacity=60);
}
/* ---------------------------
04 Header
----------------------------*/
#headerBar{
	position:fixed;
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	padding: 0;	
	width:100%;
	z-index: 2;
	background:transparent url('../img/bg-header.png');
	color:#000;
	height: 38px;
}


.headerBarText {
	position:relative;
	top:-5px;
	margin-right:5px;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#888;
	letter-spacing: 1px;
}

#socialNetworks {
	margin:5px 0;
	text-align:right;
}

#socialNetworks a {
	margin: 0 5px 0 0;
}

#logo {	
	margin: -11px 0px 0px 35px;
	font-size: 20px;
	font-weight: bold;
	color:#000;
	float:left;
}

#header {
	margin: 10px;
	position:relative;
}

#header h1 {
	font-size: 35px;	
	text-transform: uppercase;
	padding: 0;
	margin:0;
	font-family:'NevisBold', Arial, Helvetica, sans-serif;
}

#header h1 a{	
	color: #999;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.10);
}

#mainNav {
	float:right;
	font-size:12px;
	padding: 0px 100px 0px 0px;
}

#mainNav ul {
	float:right;
}

#mainNav li {
	margin: 0 40px 0 0;	
	display: inline-block;
}

#mainNav li.current,
#mainNav li.current-cat,
#mainNav li.current_page_item,
#mainNav li.current-menu-item,
#mainNav li.current-post-ancestor,
#mainNav li.current_page_parent
{
	display: inline-block;	
	color: #333;
	text-decoration: none;	
	position: relative;
	cursor: pointer;
	font-weight: bold;	
}

#mainNav a {
	color: #222;
	padding: 3px 0px 0px 0px;
	display: inline-block;	
	cursor: pointer;	
}

#mainNav a:hover,
#header h1 a:hover {
	color:#555;
}


/* ---------------------------
05 Content
----------------------------*/
#pageHead,
#content .post {
	margin: 0 0 40px 40px;	
}

.post .meta {
	padding: 0 0 10px 0;		
	margin: 0;		
	color: #555;
	font-style: italic;
}

.post h1 {
	margin-bottom:0;
}

.post h1 span {
	font-size:15px;
	text-transform:none;
}

#archs {
	margin-left:30px;
}

#archs h3 {margin:0 0 3px 0}

#archs .post {
	float:left;
	margin: 0 0 20px 10px;
	width: 170px;
	height: 300px;
}

#content .post .meta a{	

}

#content .post .meta a:hover{	

}

.contentBox {	
	float: left;
	position: relative;
	margin: 0 0 30px 40px;		
}

#content a{
	text-decoration: none;	
}

#content a:hover {
	color: #3896f5;
	text-decoration: none;
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a{	
	color: #333;		
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover{	
	color: #777;		
}

#grid h1 a {
	color:#fff;
	padding: 5px;
	text-shadow:
	1px 1px 0 #e47b7b,
	2px 2px 0 #9e2121; /* end of 2 level deep grey shadow */
	/*
	3px 3px 0 #444,
	4px 4px 0 #444,
	5px 5px 0 #444,
	6px 6px 0 #444;
	*/
	 /* end of 4 level deep dark shadow */
}

#grid h1 a:hover {
	color:#d80c0c;
	text-shadow:
	1px 1px 0 #d80c0c,
	2px 2px 0 #ffffff; /* end of 2 level deep grey shadow */

}


/*Images------------------*/
#grid .postThumb{
	background: #ccc;
}


#content .postThumb{
	background: #fff;
	padding: 5px;
	border: 1px solid #e4e4e4;
	margin: 0 15px 5px 0;	
}

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin: 5px 24px 5px 0;
}

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin: 5px 0 5px 24px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}

/*Lists------------------*/

#content ul {	
	margin-bottom: 25px;
	list-style:disc;
	list-style-position:inside;
}

#content ul li {	
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

#content ol li {	
	margin: 0 0 10px 0;	
}

#content ol {	
	margin: 0 0 20px 20px;	
}

#content ul ul, #content ol ul, #content ul ol, #content ol ol {	
	margin-left: 20px;
	padding-top: 10px;	
}

/* ---------------------------
06 Comments
----------------------------*/
	
#comments {
	position: relative;
	margin: 30px 0 30px 40px;	
}

#comment {
	
	display:block;
}

#trackbacks {
	margin: 30px 0 0 40px;
}

ol#commentslist {
	margin: 0 0 0 0px;
	list-style: none;
	padding: none;	
	padding: 0;
}

#commentslist .children li {
	padding: 15px 0 0 40px;
	background: transparent url(images/comment_marker.gif) no-repeat 0px 40px;
	border-left: 1px solid #cbcbcb;
	margin: 0;
}
	
.comment {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;	
}

.comment .avatar {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #e4e4e4;
}

.comment h5 {
	font-size: 16px;
	margin: 0 0 5px 110px;
	padding: 0;	
}

.comment .date {	
	margin: 0 0 10px 110px;	
	display: block;
}

.comment p {	
	margin: 0 0 10px 110px;
}

.comment-reply-link,
.comment-reply-login {
	margin: 0 0 0 110px;
}

.comment-reply {
	display: inline-block!important;
	padding: 0 0 0 10px;
}

#comment-add {
	position: absolute;
	top: -5px;
	right: 0px;
}

.moderation {
	margin: 0px;
	padding: 0 0 10px 25px;	
}

#comment-navigation {
	position: absolute;
	top: 0px;
	right: 0px;
}

.older-comments,
.newer-comments {
	display: block;
	float: left;
	width: auto;
	height: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 0 8px;		
	text-align: center;
	text-decoration: none;
}

.newer-comments {
	float: right;
	margin: 0 0 0 10px;
}

#trackbacks ul {
	margin: -5px 0 15px;
}

#trackbacks ul li {
	padding: 5px 0 5px 20px;	
}



/* Comment Form */
	
#commentForm {
	position: relative;
	margin: 0 0 30px 40px;
}

#comments #respond {
	position: relative;
	padding: 0 0 0;
	margin: 0;
}

#respond .form-allowed-tags {
	display: none;
}


#respond form {
	margin: none;
	padding: none;
	position: relative;
}

.cancel-comment-reply {
	float: right;
	margin: 5px 90px 0 0;
}

/* ---------------------------
07 Pagination
----------------------------*/
	
.pagination {
	padding: 20px 40px 0 0;	
	clear: both;
	font-weight: bold;
	margin: 0 0 0 40px;
}

.pagination-prev a,
.pagination-next a,
.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .pages,
.older-comments,
.newer-comments {
	display: block;
	float: left;
	width: auto;
	height: 24px;
	line-height: 24px;
	margin: 0 5px 0 0;
	padding: 5px 25px;	
	text-align: center;
	text-decoration: none;
	background: #fff;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;	
}

.pagination-prev a:hover,
.pagination-next a:hover,
.wp-pagenavi a:hover,
.wp-pagenavi .current {
	
}

.pagination-prev a,
.pagination-next a {
	float: none;
	margin: 0px;
}

.pagination-prev,
.pagination-next {
	float: left;
	width: auto;
	margin: 0px;
}

.pagination-prev {
	float: right;
}

.wp-pagenavi .pages {
	float: right;
	margin: 0px;
}

/* ---------------------------
08 Buttons
----------------------------*/

#content .button,
#sidebar .button,
#footer .button,
#searchsubmit  {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size: 12px;
	background: #333 url(../img/btn_bkg.png) repeat-x;	
	color: #fff!important;
	display: inline-block;	
	text-decoration: none;
	position: relative;
	cursor: pointer;
	font-weight: bold;	
	padding: 4px 15px 5px;
	margin: 0 5px 0 0;
	border: 1px solid rgba(0,0,0,.25);	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		
}

.button.small,
#searchsubmit {
	padding: 4px 10px !important;
	font-size: 11px !important;	
}

#content .button:hover,
#sidebar .button:hover,
#footer .button:hover,
#searchsubmit:hover {
	background-color: #555;
}

/* ---------------------------
09 Sidebar
----------------------------*/

#sidebar {
	margin-top:10px;
	color: #999;
}

.sidebarBox {	
	position: relative;
	margin: 0 0 30px 0;	
}

.sidebarBox h3 {		
	font-size: 20px;	
}

#sidebar a {	
	color: #777;		
}

#sidebar a:hover{
	color: #555;
}

#sidebar p a{
	text-decoration: none;
	color: #06c;	
}

#sidebar p a:hover {
	color: #3896f5;
	text-decoration: none;
}

/* ---------------------------
10 Widgets
----------------------------*/

#content .widgetBox h3,
#sidebar .widgetBox h3,
#footer .widgetBox h3 {
	margin-bottom: 10px;
	font-size: 18px;
}

.miniFeature64 .icon{	
	position: absolute; left: 0px; top: 0px;	
}

#content .miniFeature64 h3,
#sidebar .miniFeature64 h3,
#footer .miniFeature64 h3{
	font-size: 16px;
	line-height: 1.2em;
	margin-left: 80px;
	margin-bottom: 10px;
}

.miniFeature64 p{	
	line-height: 1.4em;
	margin: 0 0 10px 80px;
}

.miniFeature32 .icon{	
	position: absolute;
	left: 0px; top: -7px;	
}

.miniFeature32 h3{
	font-size: 16px;	
	padding: 0px 0 0px 45px;		
}

.miniFeature32 p{
	margin: 0px 0 10px 0px;
}

#s {
	width: 180px;
} /* search button, see buttons above */

#sidebar ul, #footer ul, #content .contentBox ul {
	margin: 0;
	padding: 0;	
	line-height: 1em;
	background: none;	
}

#sidebar ul li, #footer ul li, #content .contentBox ul li {
	padding: 8px 0 9px 0;
	margin: 0;
	line-height: 1em;
	background: none;	
}

#sidebar ul li p, #footer ul li p, .contentBox ul li p {
	line-height: 1.3em;
	margin: 0;
}

#sidebar ul li h2, #footer ul li h2, .contentBox ul h2 {
	font-size: 13px;
	margin: 0 0 0px 0 !important;
	font-weight: bold;
	padding: 0 !important;	
	line-height: 1em!important;
}



#sidebar ul li span, 
#footer ul li span, 
#content .contentBox ul li span {	
	padding: 0;
	margin: 0 !important;
}

#sidebar ul li a, 
#footer ul li a, 
.contentBox ul li a {	
	color: #777;	
}

#sidebar ul li a:hover,
#footer ul li a:hover {
	color: #999;
}

#sidebar .widget_nav_menu ul,
#footer .widget_nav_menu ul,
#sidebar .widget_pages ul,
#footer .widget_pages ul,
#sidebar .widget_categories ul,
#footer .widget_categories ul{
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar .widget_nav_menu li,
#footer .widget_nav_menu li,
#sidebar .widget_pages li,
#footer .widget_pages li,
#footer .widget_categories li{
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	background: transparent url(images/list_item_marker.png) 0 4px no-repeat;
	border: none;	
}


/*Recent Posts Widget------------------*/

#content .tia_recent_posts .meta,
#sidebar .tia_recent_posts .meta,
#footer .tia_recent_posts .meta {
	margin: 0 0 7px 0 !important;
	display: block;
	padding: 0;	
}

#content .tia_recent_posts h2 a,
#footer .tia_recent_posts h2 a {
	color: #333;
}

#content .tia_recent_posts h2 a:hover,
#footer .tia_recent_posts h2 a:hover {
	color: #555;
}

#sidebar ul.recentPostsSidebar, #sidebar ul.recentPostsSidebar li {
	border:none;
}
#sidebar ul.recentPostsSidebar li {
	padding:0;
	margin: 0 0 7px 0;
	height:35px;
	font-size:12px;
}

#sidebar ul.recentPostsSidebar a {
	display:block;
}

#sidebar ul.recentPostsSidebar a,
#sidebar ul.recentPostsSidebar h2 {
	color:#777;
}

#sidebar ul.recentPostsSidebar li:hover {
	opacity:0.4;filter:alpha(opacity=40)
}

#sidebar ul.recentPostsSidebar span, #sidebar ul.recentPostsSidebar h2 {
	float:left;
}

#sidebar ul.recentPostsSidebar img {
	background:#fff;
	padding:2px;
	border:1px solid #e4e4e4;
}

#sidebar ul.recentPostsSidebar h2 {
	float:right;
	width:80%;
}

#footer .recentPostsSidebar h2 {
	float:right;
	width: 72%;
}

#sidebar ul.recentPostsSidebar span {
	margin-right:10px;
	border:#dbdad8 solid 2px;
	width:50px;
}

.recentSidebarPost {
	border-bottom: 1px solid #dbdad8;
	padding: 10px 0 10px 0;	
}

.recentSidebarPost h2 {
	font-size: 14px !important;
	margin: 0;
}

.feedLink {
	padding: 0;
	margin: 0 0 15px 0;
}

.feedLink a{
	background: transparent url(images/icons/feed_16.png) 0 0px no-repeat;
	font-weight: bold;
	padding: 0 0 0 25px;
}

#content .feedLink a,
#footer .feedLink a {
	color: #686868;
}

#content .feedLink a:hover,
#footer .feedLink a:hover {
	color: #2c2c2c;
}

.popular-posts .wpp-thumbnail {
	float:left;
	background:#fff;
	margin-right:6px;
	padding:2px;
	border: solid 1px #e4e4e4;
}

#sidebar .popular-posts ul {
	border:none;
}

#sidebar .popular-posts ul li {
	height:30px;
	margin: 0 0 7px 0;
	padding:0;
	border: none;
}

/* Categories and Tag Widgets */

#sidebar .widget_categories ul li,
#sidebar .widget_tag_cloud a
{
	display: inline-block;
	font-size:12px !important;
	margin: 0 auto;
	width: 95px;
	border:0px;
	margin: 5px 0;
	padding: 0;
	zoom: 1;
	*display:inline;
}

#sidebar .widget_categories a {
	display:block;
	color:#333;
}

#sidebar .widget_categories a:hover,
.widget_tag_cloud a:hover {
	color:#555;
}

/*Calendar Widget--------------------*/
table#wp-calendar {
	width: 100%;
}

table#wp-calendar td, table#wp-calendar th{
	text-align: left;
}

table#wp-calendar td {	
	padding-top: 10px;
	color: #888888;
}

table#wp-calendar td a{
	font-weight: bold;
	color: #686868;
}

table#wp-calendar td a:hover{
	font-weight: bold;
	color: #2c2c2c;
}

#wp-calendar caption {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdad8;
	font-size: 14px;	
	font-weight: bold;	
}




/*Twitter Widget--------------------*/

#twitter_div{
	margin: 0 0 10px 0;
}

#twitter_div li{
	line-height: 1.4em !important;	
}

#twitter_div li a{
	font-weight: bold;
}

.twitterLink a{
	background: transparent url(images/icons/twitter_16.png) 0 0px no-repeat;	
	padding: 0 0 0 25px;
	font-weight: bold;
}



/* ---------------------------
11 Footer
----------------------------*/
#footer {
	
}

#footer .main{
	width: 100%;		
	clear: both;
	padding: 20px 0 0 0;	
	margin: 0 0 10px 0;
}

#footer .oneThird {
	width:260px;
}

.footerBox{
	margin: 0 0 25px 40px;	
	float: left;
	position: relative;
}

#footer h1, #footer h2, #footer h3, #footer h4{
	
}

#footer a {	
}

#footer a:hover{
}

.footerBox p{			
	padding: 0;	
}

.footerBox p img{			
	border-color: #d6d6d6;
}

#footer .secondary {
	margin: 0 40px;
	color: #656565;	
}

#footer .secondary a {
	color: #555;	
}

#footer .secondary a:hover {
	color: #999;
	text-decoration: none;	
}

#footer .secondary .copyright {
	float: left;
}

#footer .secondary .credit {
	float: right;
}


/* ---------------------------
12 Custom and Override CSS
----------------------------*/

/* Background */
body.black {	
	color:#888;
	background: #000 url(images/bg-black-main.jpg) top center no-repeat fixed;
}

body.granite {	
	color:#888;
	background: #000 url(images/bg-black-granite.jpg) top center no-repeat fixed;
}

body.black .box {
	color:#111;
}
.black #mainNav a {
	color:#ccc;
}

body.black #headerBar, body.black .box {
	background:#000; color:#888;
}
body.black #content .postThumb {
	background:#000; border-color:#222;
}
.black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black #sidebar {
	color:#888;
}

body.black a, body.black #content h1 a, body.black #content h2 a, body.black #content h3 a, body.black #content h4 a, body.black #content h5 a, body.black #content h6 a, body.black #sidebar ul li a, body.black #footer ul li a, body.black .contentBox ul li a {
	color:#ccc;
}

body.black #mainNav a:hover, body.black a:hover, body.black  #sidebar ul li a:hover, body.black #footer ul li a:hover {
	color:#3C528B;
}

body.black .pagination-prev a, body.black .pagination-next a, body.black .wp-pagenavi a, body.black .wp-pagenavi .current, body.black .wp-pagenavi .pages, body.black .older-comments, body.black .newer-comments {
	background:#000;
}

body.black input[type="text"], body.black textarea {
	background:#555;
	border-color:#777;
	color:#ddd;
}

body.black #footer {
	background:#000;
}

.black #footer .main {
	border:none;
}

body.black #footer ul, body.black #footer ul li, body.black #sidebar ul li, body.black #content .contentBox ul li, body.black #sidebar ul  {
	border:none;
}




body.white {	
	background: #f4f4f4 url(../img/wavecut.png);	
}

body.paper {	
	background: #fff url(images/bg-white-main.jpg) top center no-repeat fixed;
}

body.concrete {	
	background: #fff url(images/bg-white-concrete.jpg) top center no-repeat fixed;
}

body.grunge {	
	background: #fff url(images/bg-white-grunge.jpg) top center no-repeat fixed;
}

body.white #footer {
	background:#fff;
}

body.bkg #footer {
}

.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white #sidebar, body.white #footer h1, body.white #footer h2, body.white #footer h3, body.white #footer h4, body.white #footer h5, body.white #footer h6, body.white #footer p, body.white #footer li {
	color:#999;
}

body.white #footer a {
	color: #777;
}

/* COLORS */


/* Buttons */
body.gray .button {	
	background-color: #bbb;
}
body.gray .button:hover {	
	background-color: #cdcdcd;
}

body.purple .button {	
	background-color: #cc32a5;
}
body.purple .button:hover {	
	background-color: #e839bc;
}

body.red .button {	
	background-color: #e25a00;
}

body.red .button:hover {	
	background-color: #f16000;
}

body.ochre .button:hover {	
	background-color: #992B06;
}

body.ochre .button {	
	background-color: #D05B15;
}

body.blue .button {	
	background-color: #00ADEB;
}
body.blue .button:hover {	
	background-color: #80D5F4;
}

body.gray a,
body.gray #header h1 a {	
	color: #bbb;
}
body.gray a:hover,
body.gray #header h1 a:hover {	
	color: #cdcdcd;
}

body.purple a,
body.purple #header h1 a {	
	color: #cc32a5;
}
body.purple a:hover,
body.purple #header h1 a:hover {	
	color: #e839bc;
}

body.red a,
body.red #header h1 a {	
	color: #D9201B;
}

body.red a:hover,
body.red #header h1 a:hover {	
	color: #B00000;
}

body.ochre a,
body.ochre #header h1 a {	
	color: #D05B15;
}

body.ochre a:hover,
body.ochre #header h1 a:hover {	
	color: #992B06;
}

body.green a,
body.green #header h1 a {	
	color: #77A900;
}
body.green a:hover,
body.green #header h1 a:hover {	
	color: #B4CF73;
}

body.blue a,
body.blue #header h1 a {	
	color: #00ADEB;
}
body.blue a:hover,
body.blue #header h1 a:hover {	
	color: #80D5F4;
}

.featbox {
	background: #F8F8F8;
}

.featbox h1 {
	background: #A00000 !important;
	padding: 5px;
}

.featbox h1 a {
	color: #ffffff !important;
	font-size: 20px !important;
}

.paginate {
background: #fff;padding:10px;width:1040px;margin:0px 0px 0px 20px;	display:block;height: 14px;
}

.paginate a { font-size: 14px;margin: 0px 10px 0px 0px;}
.paginate span { font-size: 18px;margin: 0px 10px 0px 0px;padding:5px}

.ytube_video li {
	float:left;
}

.ytube_video li img {
	width:106px;
}

.info {
	position:absolute;
	top:10px;
	width:320px;
	height:100%;
	left:340px;
	background: #fff;
}

.fb_like_index {
	height: 20px;display:block;margin: -7px 0px 0px 0px;position:absolute;top: 20px;left: 13px;
}

#bgimg { position:fixed;}
.boxa { padding:10px;background:#eee;display:block; border-bottom: 1px solid #ccc; border-right:1px solid #ccc;}

.preview_area {
	height: 71px;
	width: 100%;
	background: transparent url(../img/bg-preview.jpg);
	display: none;	
}
.preview_area li {
	display: inline-block;
	float: left;
	height: 66px;
	margin: 2px;
	width: 76px;
	background: #ffffff url(../img/sm_loading.gif) no-repeat 17px 15px;
}

.preview_area li.a {
	display:block;
}

.no_preview {
	padding: 10px;
}
.loading {
display:block;height: 43px; width: 100px;margin: 20px;background:#fff url(../img/loading.gif) no-repeat 9px 9px;border-radius: 15px;
}

.div_dish_list {
	min-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 300px;
}

.divlist {
	width: 320px;
	min-height: 480px;
	overflow-x: hidden;
	float:left;
	overflow-y: auto;
}

.divlist ul {
	width: 320px;
}
.divlist ul li {
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}
.album_lists_close {
	position:absolute;right: 10px;top:10px;padding: 10px;background: #00ADEB;
}

.album_lists_close a {
	color: #ffffff !important;
}
.album_lists {
	background: #fff;padding: 10px;margin: 10px 20px 20px 20px;position:fixed;z-index:99;
	min-width: 900px;width:97%;display:none;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
	/* height: 400px; */
	min-height:460px;
}

.box h1 {margin:-30px 0px 10px 0px;background:#ff4a37}
.divlists2 { margin: 0px 0px 0px 10px;}
.request_dish { display: block;padding:10px;margin: 10px 0px 0px 0px;}
.boxcontrl { background: #ffffff url(../img/bg-subctrl.png);display:block;height:30px;width: 100%;-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;border: 1px solid #d5d5d5;}
	
.boxcontrl a {
	height: 30px;
	width: 30px;
	display: inline-table;
	margin: 0px 0px 0px 5px;
	background: #fff;
}
.boxcontrl .ctrl-prev {
	background: transparent url(../img/glyphs.png) no-repeat 0px 2px;
}

.boxcontrl .ctrl-lists {
	background: transparent url(../img/glyphs.png) no-repeat -30px 3px;
}

.boxcontrl .ctrl-prev:hover {
	background: transparent url(../img/glyphs.png) no-repeat 0px -28px;
}

.boxcontrl .ctrl-lists:hover {
	background: transparent url(../img/glyphs.png) no-repeat -30px -27px;
}

.box_img {
	position:relative;
}

.box_img h1 {
	position: absolute;
	bottom:0px;	
}

.box-front { font-size: 85%;margin:5px 0px 0px 0px;text-align: justify;}
#gotop { position:fixed; bottom:2px; right:5px; height:58px; width:58px; background:url(../img/gotop.png) no-repeat 0 0; display:block; text-indent:9999px; overflow:hidden }